<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<!--菜单栏-->
<div id="popupTop" class="popup hidePopup popupAction">
    <!--顶部-->
    <div class="head">
        <div class="headLeft">
            <img src="img/logoIcon.png"/>
        </div>
        <div class="headTitle">长木医疗</div>
        <div class="headRight">
            <button type="button" class="headBtn">
                <img class="headBtnImg" src="img/moreIcon.png"/>
            </button>
        </div>
    </div>
    <!--导航菜单栏-->
    <div id="menuContent">
        <div class="popupNav"><a id="popup0" href="index.html">首页</a></div>
        <div class="popupNav"><a id="popup1" href="page/aboutUs.html">关于长木</a></div>
        <div class="popupNav"><a id="popup2" href="">医疗服务</a></div>
        <div class="popupNav"><a id="popup3" href="">科室介绍</a></div>
        <div class="popupNav"><a id="popup4" href="page/clinicDistribution.html">诊所分布</a></div>
        <div class="popupNav"><a id="popup5" href="page/healthDynamics.html">健康资讯</a></div>
        <div class="popupNav"><a id="popup6" href="page/membershipService.html">会员服务</a></div>
        <div class="popupLang">
            <div class="popupLangLeft">
                <ul>
                    <li>
                        <a href="#">中文</a>
                        <!--垂直线-->
                        <span class="popupVerticalLine"></span>
                        <a href="#">English</a>
                    </li>
                </ul>
            </div>
            <div class="popupLangRight">
                <ul>
                    <li>
                        <a href="page/register.html">注册</a>
                        <span class="popupVerticalLine"></span>
                        <a href="page/login.html">登录</a>
                    </li>
                </ul>
            </div>
        </div>
    </div>
    <div class="popupSearch">
        <ul>
            <li>
                <!--放大镜图标-->
                <span class="glyphicon glyphicon-search" aria-hidden="true"></span>
                <!--手机的输入法中换行键变为搜索键-->
                <form class="formSearch" action='' onsubmit="return false;">
                    <!--焦点在文本框上时，将文本框移至最上方，同时显示取消按钮-->
                    <input id="popupText"  type="search" value="" placeholder="搜索专家/病症">
                </form>
                <!--文本框中不为空时显示搜索按钮，为空时显示取消按钮-->
                <button class="popupCancelButton" id="popupCancelButton">取消</button>
                <button class="popupSearchButton" id="popupSearchButton">搜索</button>
            </li>
        </ul>
    </div>
    <!--清除浮动效果-->
    <div style="clear: both"></div>
    <!--搜索时的提示-->
    <div id="searchTip">
        <ul class="searchContentTitle">
            <li>
                热门搜索
            </li>
        </ul>
        <!--提示内容-->
        <div class="searchContentTip">
            <ul>
                慢性病
            </ul>
            <ul>
                心血管病
            </ul>
            <ul>
                中医资讯
            </ul>
            <ul>
                肿瘤
            </ul>
        </div>
    </div>

    <!--医疗服务-->
    <div>
        <div class="container medSer">
            <div class="row medSerGroup">
                <a href="page/technicalTeam.html">
                    <ul class="col-xs-6 col-sm-6 subMedSer medSerLine_right">
                        <div class="subMedSerImg"
                             style="background: url('img/medicalService/server_02_03.png');background-size:cover;background-position:center;background-repeat:no-repeat; "></div>
                        <li>专家团队专家团队专家团队专家团队</li>
                    </ul>
                </a>
                <a href="page/crossMedical.html">
                    <ul class="col-xs-6 col-sm-6 subMedSer">
                        <div class="subMedSerImg"
                             style="background: url('img/medicalService/hospital_08_03.png');background-size:cover;background-position:center;background-repeat:no-repeat; "></div>
                        <li>国际医疗</li>
                    </ul>
                </a>
            </div>
            <div class="medSerLine_bottom"></div>
            <div class="row medSerGroup">
                <a href="page/familyDoctor.html">
                    <ul class="col-xs-6 col-sm-6 subMedSer medSerLine_right holdUpContent">
                        <div class="subMedSerImg"
                             style="background: url('img/medicalService/hospital_05_03.png');background-size:cover;background-position:center;background-repeat:no-repeat; "></div>
                        <li>家庭医生</li>
                    </ul>
                </a>
                <a href="page/chronicManagement.html">
                    <ul class="col-xs-6 col-sm-6 subMedSer holdUpContent">
                        <div class="subMedSerImg"
                             style="background: url('img/medicalService/health_02_03.png');background-size:cover;background-position:center;background-repeat:no-repeat; "></div>
                        <li>慢病管理</li>
                    </ul>
                </a>
            </div>
        </div>
    </div>
    <!--科室介绍-->
    <div class="container depIntro">
        <div class="row depIntro_group">
            <div class="col-xs-6 col-sm-6 depIntro_item">
                <a href="page/departmentIntroduction.html">
                    <ul>
                        <li class="depIntro_item_img"><img src="img/keShiIcon/quankeIcon.png"/></li>
                        <li class="depIntro_item_title">全科</li>
                        <li class="depIntro_item_line"><span></span></li>
                        <li class="depIntro_item_English">General Practice</li>
                    </ul>
                </a>
            </div>
            <div class="col-xs-6 col-sm-6 depIntro_item depIntro_item_right">
                <a href="page/departmentIntroduction.html">
                    <ul>
                        <li class="depIntro_item_img"><img src="img/keShiIcon/fukeIcon.png"/></li>
                        <li class="depIntro_item_title">妇科</li>
                        <li class="depIntro_item_line"></li>
                        <li class="depIntro_item_English">General Practice</li>
                    </ul>
                </a>
            </div>
        </div>
        <div class="row depIntro_group">
            <div class="col-xs-6 col-sm-6 depIntro_item">
                <a href="page/departmentIntroduction.html">
                    <ul>
                        <li class="depIntro_item_img"><img src="img/keShiIcon/erkeIcon.png"/></li>
                        <li class="depIntro_item_title">儿科</li>
                        <li class="depIntro_item_line"><span></span></li>
                        <li class="depIntro_item_English">General Practice</li>
                    </ul>
                </a>
            </div>
            <div class="col-xs-6 col-sm-6 depIntro_item depIntro_item_right">
                <a href="page/departmentIntroduction.html">
                    <ul>
                        <li class="depIntro_item_img"><img src="img/keShiIcon/xingxuegaunkeIcon.png"/></li>
                        <li class="depIntro_item_title">心血管科</li>
                        <li class="depIntro_item_line"><span></span></li>
                        <li class="depIntro_item_English">General Practice</li>
                    </ul>
                </a>
            </div>
        </div>
        <div class="row depIntro_group">
            <div class="col-xs-6 col-sm-6 depIntro_item">
                <a href="page/departmentIntroduction.html">
                    <ul>
                        <li class="depIntro_item_img"><img src="img/keShiIcon/shengjingkeIcon.png"/></li>
                        <li class="depIntro_item_title">神经科</li>
                        <li class="depIntro_item_line"><span></span></li>
                        <li class="depIntro_item_English">General Practice</li>
                    </ul>
                </a>
            </div>
            <div class="col-xs-6 col-sm-6 depIntro_item depIntro_item_right">
                <a href="page/departmentIntroduction.html">
                    <ul>
                        <li class="depIntro_item_img"><img src="img/keShiIcon/zhongliukeIcon.png"/></li>
                        <li class="depIntro_item_title">肿瘤科</li>
                        <li class="depIntro_item_line"><span></span></li>
                        <li class="depIntro_item_English">General Practice</li>
                    </ul>
                </a>
            </div>
        </div>
    </div>
</div>
</body>
</html>
